<template>
  <v-card title="双向柱状图">
    <vcu-chart-bar :data="chartData" :settings="settings" />
  </v-card>
</template>

<script>
export default {
  name: 'bothway',
  data() {
    return {
      chartData: {
        dimensions: {
          name: 'week',
          data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
        },
        measures: [
          {
            name: '收入',
            data: [320, 100, 200, 270, 320, 250, 360],
          },
          {
            name: '支出',
            data: [-120, -132, -100, -130, -300, -230, -360],
          },
        ],
      },
      settings: {
        stack: {
          总量: ['收入', '支出'],
        },
      },
    }
  },
  methods: {},
  created() {},
}
</script>
<style lang="less" scoped>
</style>
